{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>登录</title>
    <meta name="description" content="Responsive, Bootstrap, BS4">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-barstyle" content="black-translucent">
    <link rel="apple-touch-icon" href="{% static '' %}aside/images/logo.png">
    <meta name="apple-mobile-web-app-title" content="Flatkit">
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="shortcut icon" sizes="196x196" href="{% static '' %}aside/images/logo.png">
    <link rel="stylesheet" href="{% static '' %}aside/css/animate.css/animate.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/glyphicons/glyphicons.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/font-awesome/css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/material-design-icons/material-design-icons.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/ionicons/css/ionicons.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/simple-line-icons/css/simple-line-icons.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/bootstrap/dist/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/styles/app.min.css">
    <link rel="stylesheet" href="{% static '' %}aside/css/styles/font.css" type="text/css">
</head>
<body>
<div class="app" id="app">
    <div class="padding">
        <div class="navbar">
            <div class="pull-center"><a href="/" class="navbar-brand">
                <div data-ui-include="'{% static '' %}aside/images/logo.svg'"></div>
                <img src="{% static '' %}aside/images/logo.png" alt="." class="hide"> <span class="hidden-folded inline">WanFeng</span></a></div>
        </div>
    </div>
    <div class="b-t">
        <div class="center-block w-xxl w-auto-xs p-y-md text-center">
            <div class="p-a-md">
                <div><a href="#" class="btn btn-block blue-500 text-white m-b-sm" onclick="alert('暂不提供')"><i class="fa fa-qq pull-left"></i> QQ一键登陆</a> <a href="#" class="btn btn-block green-500 text-white" onclick="alert('暂不提供')"><i class="fa fa-wechat pull-left"></i> 微信一键登陆</a></div>
                <div class="m-y text-sm">OR</div>
                <form name="form" action="{% url 'signin' %}" method="post">
                    {% csrf_token %}
                        <input type="hidden" name="source_url" value="{{ referrer }}">

                    <div class="form-group">
                        <!--<input type="email" class="form-control" placeholder="Email" required>-->
                        {{ login_form.username }}
                    </div>
                    <div class="form-group">
                        <!--<input type="password" class="form-control" placeholder="password" required>-->
                        {{ login_form.password }}
                    </div>
                    <div class="m-b-md">
                        <label class="md-check">
                            <input type="checkbox">
                            <i class="primary"></i> 保持登陆</label>
                    </div>
                    <button type="submit" class="btn btn-lg black p-x-lg">登陆</button>
                </form>
                <div class="m-y"><a href="#" class="_600">忘记密码?</a></div>
                <div>您还没有帐户? <a href="#" class="text-primary _600">注册</a></div>
            </div>
        </div>
    </div>
</div>
<script src="{% static '' %}aside/scripts/app.min.js"></script>
</body>
</html>